<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="GBK">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录界面</title>
    <style>
        .usr {
            width: 30%;
            height: 50px;
            box-sizing: border box;
            color: #ffffff; /* 背景色 */

            padding: 5px 5px 5px 5px;
            border: 5px solid rgb(255, 255, 255);
            margin: 0 35% 80% 35%;
        }
        
        .logo {
            width: 160px;
            height: 160px;
            box-sizing: border box;
            color: #ffffff; /* 背景色 */

            padding: 5px 5px 5px 5px;
            border: 5px solid rgb(255, 255, 255);
            margin: 15% 57% 5% 43%;        
        }

        #username {
            width: 90%;
            height: 40px;
        }

        #key {
            width: 90%;
            height: 40px;
        }

        #signup {
            width: 100px;
            height: 20px;
            background-color: #ffffff;
            border: 1px solid rgb(0, 0, 0);
            border-radius: 8px;
        }

        #login {
            width: 100px;
            height: 20px;
            background-color: #ffffff;
            border: 1px solid rgb(0, 0, 0);
            border-radius: 8px;
        }
    </style>
</head>
<body>
    <div class="logo">
        <img src="../pictures/logo.png" weight="400px" height="160px">
    </div>
    <div class="usr">
        <form action="" method="POST">
            <input type="text" id="username" placeholder="用户名">
            <br>
            <br>
            <br>
            <input type="password" id="key" placeholder="密码">
            <br>
            <br>
            <br>
            <button type="button" value="signup" id="signup">注册</button>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <button type="button" value="login" id="login">登录</button>
        </form>
    </div>
</body>
</html>